h1 {
  text-align: center;
}

#app {
  display: flex;
  justify-content: center;
}

#preview {
  width: 750px;
  height: 1245px;
  transform: scale(0.354);
  transform-origin: top left;
}

.mock-phone {
  position: relative;
  width: 297px;
  min-width: 297px;
  height: 591px;
  border: 2px solid #0088fb;
  border-radius: 30px;
}

.mock-phone .inner {
  position: absolute;
  top: 60px;
  z-index: 26;
  left: 12px;
  width: 267px;
  height: 441px;
  border: 1px solid #0088fb;
  overflow: hidden;
}

.mock-phone .inner iframe {
  width: 100%;
  height: 100%;
  margin: 0;
}

.mock-phone .camera {
  position: absolute;
  width: 14px;
  height: 14px;
  border-radius: 14px;
  background: #afddff;
  border: 1px solid #0088fb;
  top: 23px;
  left: 94px;
}

.mock-phone .earpiece {
  position: absolute;
  width: 70px;
  height: 8px;
  border-radius: 8px;
  background: #afddff;
  border: 1px solid #0088fb;
  top: 26px;
  left: 124px;
}

.mock-phone .home-btn {
  position: absolute;
  width: 56px;
  height: 56px;
  border-radius: 56px;
  background: #afddff;
  border: 1px solid #0088fb;
  bottom: 14px;
  left: 50%;
  margin-left: -28px;
}

#qrcode {
  align-self: center;
}

#qrcode .bundle-url {
  width: auto;
  line-height: 1.5;
  word-break: break-all;
}